*{
	margin: 0;
	padding: 0;
}

a{
	text-decoration: none;
	color: #333;
}
body{
	min-width: 360px;
}
.tourists{
	width: 80%;
	margin: 0 auto;
}
.tourist{
	width: 100%;
	margin-bottom: 15px;
}
.img-box{
	width: 100%;
	font-size: 0;
}
.img-box .thumbail{
	width: 100%;
	border: 0;
}
.tourst-info{
	border: 1px solid #ccc;
}
.tourst-info .description{
	min-height: 63px;
	padding: 40px 30px 44px; 
}
.tourist .description p{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	overflow: hidden;
}
.tourst-info .icons{
	display: flex;
	border-top: 1px solid #ddd;
	overflow: hidden;
}
.tourst-info .icons .text-link{
	color: black;
	transition: all 0.3s ease;
	text-align: center;
	height: 60px;
	line-height: 60px;
}
.tourst-info .icons .iconfont{
	font-size: 20px;
}
.tourst-info .icons .text-link:nth-child(2n+1){
	width: 60px;
}
.tourst-info .icons .text-link:nth-child(2){
	flex: 1;
}
.tourst-info .icons .text-link span,
.tourst-info .icons .text-link i{
	width: 100%;
	height: 100%;
}
.border-right{
	border-right: 1px solid #ddd;
}
.border-left{
	border-left: 1px solid #ddd;
}
@media (min-width: 768px){
	.tourists{
		width: 80%;
		min-width: 608px;
	}
	.tourist{
		display: flex;
		width: 100%;
	}
	.tourist .img-box{
		width: 300px;
	}
	.tourist .tourst-info{
		flex: 1;
		border: 1px solid #ddd;
		border-left: none;
	}
	.tourst-info .description{
		padding: 36px 30px;
	}
}
@media (min-width: 1240px){
	.tourists{
		width: 96%;
		min-width: 1226px;
		max-width: 1380px;
	}
	.tourist{
		display: inline-flex;
		width: calc(48% -5px);
		margin-right: 10px;
	}
	.tourist:nth-child(2n){
		margin-right: 0;
	}
}